<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/nice.css">
</head>

<!-- body中也有很多属性 -->

<!-- 属性的格式 属性名 = '值' 空格分割 
 bgcolor="red" background="image.png"  topmargin="1px"
如果要写距离,要带单位
颜色 三中写法 1.直接颜色名 2.rgb 3.16进制
-->
<body >

    <a name = 'top'>111</a>
<!-- 
    <h1>Hello</h1>

    <font>test</font> -->

    <!-- 常见的排版签 -->

    <!-- 标题 -->
     <h1>一级标题</h1>
     <h2>2级标题</h2>
     <h3>3级标题</h3>
     <h4>4级标题</h4>
     <h5>5级标题</h5>
     <!-- 纯文本标签 -->

     <p>按时<u>鉴定</u>会凯撒&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp还是&lt打卡时<br>
        啊可是<b>大家</b>拉省的<i>凯撒<i>建行的卡还是觉得看间很多<font color = 'red'>空间</font>和</p>

     <!-- p中,常见的符号不会被转义,需要使用固定标签 -->
        <br>看到拉萨看你的立刻撒旦奥斯卡德拉克鸡蛋来看是领导看到你说</p>
    

    <!-- div独占一整行的,常用  span盒子是根据内容指定大小,不独占一行  盒子 -->
     <div style="color: aquamarine; margin-right:0;" >
        <h1>my book
        </h1>
        <p>爱看书的好看撒活动空间</p>
     </div>
     <div>2</div>

     <div>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
     </div>

     <a href="https://www.baidu.com"> 
        <img src="https://www-stream.2345cdn.net/dhrest/upload/2022/940111cb4e083f31469ef31a505e5d72.png
        " alt="">
        百度</a>
     <a href="https://www.baidu.com">谷歌</a>

     <!-- 从绝对能访问的位置  绝对地址 绝对的稳定性-->
     <a href="E:/Desktop/P0120240802/code/web_demo/img/image.png">电影</a>

     <!-- 是从相对的位置访问的  相对地址 不稳定,根据你的文件位置影响的
            ./ 当前位置
            ../上一级位置 
     -->
     <a href="../image.png">小说</a>
     <a href="https://www.baidu.com">百度</a>

     <!-- 锚链接 -->
      <a href="#top">回到最开始</a>



     <span> 1</span>
     <span>2</span>
</body>
</html>